
            <a class="btn btn-primary" href="#" *ngIf="en1" [ngClass]="{bordered:isBordered,round:true}" (click)="toggleBorder()">
                <nav class="nav flex-column">
                    <ul>
                        <ng-container *ngFor="let list of caidan">
                            <li *ngIf="en2">{{list.p1}}</li>
                            <li *ngIf="en3">{{list.p2}}</li>
                            <li *ngIf="en4">{{list.p3}}</li>
                            <li *ngIf="en5">{{list.p4}}</li>
                        </ng-container>
                    </ul>
                </nav>
            </a>
        
        <div class="col-sm">
            <div>
                <input type="button" value="开/关" (click)="onToggle()">
            </div>
            <div>
                <input type="button" value="任务" (click)="onToggle1()">
            </div>
            <div>
                <input type="button" value="自由" (click)="onToggle2()">
            </div>
            <div>
                <input type="button" value="调查" (click)="onToggle3()">
            </div>
            <div>
                <input type="button" value="活动" (click)="onToggle4()">
            </div>
        </div>
    
